﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Telerik Academy BattleField</title>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
    <link href="style.css" rel="stylesheet" />
    <script src="http://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/sha1.js"></script>
    <script src="Libs/jquery-2.0.2.js"></script>
    <script src="libs/require.js" data-main="app-config"></script>
    <!--    <script src="Scripts/http-requester.js"></script>
    <script src="Libs/class.js"></script>
    <script src="Scripts/ui.js"></script>
    <script src="Scripts/persister.js"></script>
    <script src="Scripts/controller.js"></script>-->
</head>
<body>
    <!-- The game loads slowly because of the font and Crypto JS. Please be patient. :) -->
    <!-- The game refreshes the content every 5 seconds. -->
    <script type="x-mustache-template" id="open-games-template">	
        <li data-game-id="{{id}}">
			<a href="#" >
				<h3>{{title}} by {{creator}}</h3>
			</a> 
		</li>
    </script>

    <script type="x-mustache-template" id="active-games-template">	
        <li class="game-status-{{status}}" data-game-id="{{id}}" data-creator="{{creator}}">
			<a href="#/game/{{id}}" class="btn-active-game">
                <h3>{{title}} by {{creator}}</h3>
			</a>
		</li>
    </script>
    <div id="wrapper">
        <header>
            <h1>Telerik Academy BattleField</h1>
        </header>
        <header id="message">
            
        </header>
        <div id="content">
        </div>
    </div>
</body>
</html>
